// component/home-select.js
Component({
    /**
     * 组件的属性列表
     */
    properties: {
        propArray: {
            type: Array,
        },
        filter:{
            type:Number,
        },
        nowText:{
            type:String,
        },
        width:{
            type:String,
            value:172
        },
        selectShow:{
            type:Boolean,
        }
    },
    /**
     * 组件的初始数据
     */
    data: {
        // selectShow: false,//初始option不显示
        nowText: "",//初始内容
        animationData: {},//右边箭头的动画


    },
    onLoad: function () {
        // this.setData({
        //   nowText: this.data.nowText,
        // })
        console.log('1221,',this.properties.propArray);

    },

    /**
     * 组件的方法列表
     */
    methods: {

        //option的显示与否
        selectToggle: function () {
            // console.log('12221221==',this.properties.propArray)
            var nowShow = this.properties.selectShow;//获取当前option显示的状态
            //创建动画
            var animation = wx.createAnimation({
                timingFunction: "ease"
            })
            this.animation = animation;
            if (nowShow) {
                animation.rotate(0).step();
                this.setData({
                    animationData: animation.export()
                })
            } else {
                animation.rotate(180).step();
                this.setData({
                    animationData: animation.export()
                })
            }
            this.setData({
                selectShow: !nowShow
            })
        },

        // 收起
        pack_up:function () {
            console.log('1收起了')
            console.log('omshaoasos-------')
            if(this.animation){
                this.animation.rotate(0).step();
                this.setData({

                    animationData: this.animation.export()
                })
            }

        },
        //设置内容
        setText: function (e) {
            var nowData = this.properties.propArray;//当前option的数据是引入组件的页面传过来的，所以这里获取数据只有通过this.properties
            var nowIdx = e.target.dataset.index;//当前点击的索引
            var nowText = nowData[nowIdx].name;//当前点击的内容
            //再次执行动画，注意这里一定，一定，一定是this.animation来使用动画
            this.animation.rotate(0).step();


            this.setData({
                selectShow: false,
                nowText: nowText,
                animationData: this.animation.export()
            })
            // 微信小程序中是通过triggerEvent来给父组件传递信息的
            this.triggerEvent('myevent', {customerType: nowData[nowIdx]})

        }

    }
})

